
.hlep_title {
  margin-top: 3em;
  background-color: #0f0f0f;
  color: #fff;
  text-align: center;
  padding: .8em 0;
  font-size: 1.3em;
}

.hlep {
  ul {
    margin: 0;
    padding: 0;
    margin-bottom: 4em;

    li {
      list-style: none;
      display: flex;

      .info {
        width: 85%;
        background: #fff;
        padding: 0 .2em;

        p {
          font-size: 1.2em;
          margin-bottom: .3em;
          padding: .3em 0;
          border-bottom: 1px solid #eee;
        }

        .list {
          display: flex;
          justify-content: space-between;

          div {
            position: relative;
            width: 33%;

            img {
              width: 100%;
            }

            .cril {
              width: 0;
              height: 0;
              position: absolute;
              left: 0;
              top: 0;
              border: 2em solid transparent;
              border-left: none;
            }

            .block {
              width: 100%;
              height: 100%;
              background: url(../images/block.png) no-repeat;
              background-position: center;
              background-size: 50%;
              background-color: #e7e7e7;
            }
          }

          div:nth-of-type(1) {
            .cril {
              border-top-color: #3c85ff;
            }
          }

          div:nth-of-type(2) {
            .cril {
              border-top-color: #3c83ff9f;
            }
          }

          div:nth-of-type(3) {
            .cril {
              border-top-color: #3c83ff57;
            }
          }
        }

        .date {
          font-size: .8em;
          color: #ccc;
        }
      }

      .btn {
        width: 15%;
        background-color: #e7e7e7;
        margin: 0;
        padding: 0;

        a {
          display: inline-block;
          width: 100%;
          height: 100%;
          text-decoration: none;
          background: url(../images/btn_right.png) no-repeat;
          background-position: center;
          background-size: 20%;
        }
      }

      .addbtn {
        width: 100%;
        background-color: #5fa1df;
        text-align: center;
        padding: .8em 0;

        img {
          width: 5%;
        }

        span {
          font-size: 1.3em;
          vertical-align: middle;
          margin-left: .3em;
          color: #fff;
        }
      }
    }

    li:nth-of-type(-n+2) {
      border-bottom: 2px solid #999;
    }
  }
}

.footer {
  ul {
    li:nth-of-type(2) {
      img:nth-of-type(1) {
        display: none;
      }
    
      img:nth-of-type(2) {
        display: inline-block;
      }
      p {
        color: #fade5d;
      }
    }
  }
}